﻿<UserControl x:Class="AllenalaMente.Games.GameIntro"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="400" d:DesignWidth="800">

  <Canvas x:Name="LayoutRoot" Background="Black">
    <Image Height="400" HorizontalAlignment="Left" Name="imageBackground" Stretch="Fill" VerticalAlignment="Top" Width="800" Source="/AllenalaMente;component/Assets/Images/Backgrounds/Background.jpg" Opacity="0.3" Canvas.Top="0" />
<!-- Istruction box -elements: baloon, ellispe, littlenutm minigbimage, istruction textblock-->
    <Image Height="63" HorizontalAlignment="Left" Margin="590,100,0,0" Name="imageBaloon" Stretch="Fill" VerticalAlignment="Top" Width="44" Source="/AllenalaMente;component/Assets/Images/UI/Balloon.png" >
      <Image.RenderTransform>
        <RotateTransform Angle="300"></RotateTransform>
      </Image.RenderTransform>
    </Image>
    <Rectangle Fill="White" Width="424" Height="342" RadiusX="35" RadiusY="35" Margin="196,0,0,0" Name="ellipse1" Stroke="Black" StrokeThickness="1" ></Rectangle>
      <Image Height="156"  Width="136" Margin="768,80,0,0" Name="littleNut" Stretch="Uniform" Source="/AllenalaMente;component/Assets/Images/UI/LittleNut.png">
      <Image.RenderTransform>
        <ScaleTransform ScaleX="-1"></ScaleTransform>
      </Image.RenderTransform>
    </Image>
    <TextBlock Height="342" TextWrapping="Wrap" FontFamily="Comic Sans MS" FontSize="20" Name="textBlocktutorial" Foreground="Black" Text="blablabla" Width="198" TextAlignment="Left" Margin="10,10,0,0" Canvas.Left="402" Canvas.Top="0" />

    <!-- Game Icon and name-->
    <TextBlock Height="49" FontFamily="Assets/Fonts/BAVEUSE.TTF#Baveuse" FontSize="24" Foreground="White" Name="GameName" TextWrapping="Wrap" Text="blablabla" Width="172" TextAlignment="Center" Margin="0,10,0,0" Canvas.Left="12" Canvas.Top="211" />
    <Image Height="136"  Width="156" Margin="20,70,0,0" Name="GameIconFrame" Stretch="Fill" Source="/AllenalaMente;component/Assets/Images/Blocks/lavagna.png" />
    <Image Height="116"  Width="136" Margin="30,80,0,0" Name="GameIcon" Stretch="Fill" Source="/AllenalaMente;component/Assets/Images/Icons/ICORecall.png" />
    


    <StackPanel Name="DescriptionPanel" Margin="-100,20,0,0">
      <Image Name="descriptionImage" Source="/AllenalaMente;component/Assets/TutorialImages/recallTutorial.png" Width="180" Height="300" Stretch="Uniform"></Image>

      <TextBlock Height="30" Name="textBlockIntro" Text="" Width="800" TextAlignment="Center" Margin="0,10,0,0"/>
    </StackPanel>

    <Button Template="{StaticResource RedTemplate}" Canvas.Left="0" Canvas.Top="330" Content="Ok" Height="70" Name="buttonClose" Width="800" Padding="0" FontSize="16" />
  </Canvas>
</UserControl>
